page {
    background-color: #f1f1f1;
    height: 100%;
    width: 100%;
    margin-bottom: 14.2%;
}

// 记件统计栏
.count {
    display: flex;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 32rpx;
    padding: 32rpx 0;
    border-bottom: 1rpx solid #ccc;

    .totality {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .totalityName {
            color: #ccc;
        }

        .totalityNum {
            color: red;
        }
    }

    .cost {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .costName {
            color: #ccc;
        }

        .costNum {
            color: red;
        }
    }
}

// 商品为空
.empty {
    width: 100%;
    height: 57%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    image {
        width: 60%;
    }

    text {
        font-size: 35rpx;
    }
}

// 物品新增
.increased {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    left: 0;
    height: 14.2%;
    width: 100%;
    background-color: #fff;
}

// 商品列表
.goods_list {
    display: flex;
    font-size: 32rpx;
    // padding: 30rpx 25rpx;
    background-color: #fff;
    border-bottom: 1rpx solid #ccc;

    .content {
        width: 100%;
        position: relative;
        padding: 30rpx 25rpx;
        display: flex;
        flex-direction: column;

        .goods_title {
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;

        }

        .stock {
            padding: 25rpx 0;
            color: #ccc;
        }

        .price {
            display: flex;

            .purchase {
                flex: 1;
                color: #ccc;
            }

            .selling_price {
                flex: 1;
                color: #ccc;
            }
        }
        #round{
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 48rpx;
        }
    }
   
    .delete {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ff0000;
        color: #fff;
    }
}